<!DOCTYPE html>
<html>
{template header_static.html}
<body>
    <div class="container">
        {template header.html}
        <?php $neiyebanner=dr_site_value('neiyebanner');?>
        <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
        {if $key==0}
        <nav class="path_bar" style=" background:url({dr_get_file($v[2])}) no-repeat center center">
            <ul class="path_nav">
                <li> <a href='/' class=''>HOME</a> {dr_catpos($catid,'',true,' &gt; <a href="[url]">[name]</a>')}</li>
            </ul>
        </nav>
        {/if}
        <?php  $key++; } } ?> 
        <section class="web_main page_main">
            <div class="layout">
                {template nav.html}
                <section class="main">
                    <div class="blog_list">
                        <h2 class="page_title">{usu_fanyi($cat['name'], $language)}</h2>
                        <ul>
                            {module module=news catid=$catid page=1}
                            <li class="blog-item">
                                <figure class="item-wrap"> <a href="{dr_url_rel($t.url, SITE_URL)}"
                                        class="item-img"><img src="{dr_get_file($t['thumb'])}"
                                            alt="Blog Post With Youtube Video"></a>
                                    <figcaption class="item-info">
                                        <h3 class="item-title">
                                            <a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.title, $language)}</a>
                                        </h3>
                                        <time>{dr_date($t['updatetime'],'Y-m-d')}</time>
                                        <div class="item-detail">{usu_fanyi($t['description'], $language)}</div>
                                        <a href="{dr_url_rel($t.url, SITE_URL)}" class="item-more">{usu_fanyi('Read more', $language)}</a>
                                    </figcaption>
                                </figure>
                            </li>
                            {/module}
                        </ul>
                        
                        
                        <div class="pages">
                            {$pages}
                        </div>
                        <style>
                            @media(min-width:586px){
                                li{ 
                                list-style: none;
                            }
                            .pages .active{
                                border: 0px ;
                                background:#232323;
                            }
                            .pages .active a{
                                color: #ffffff;
                            }
                            .pages {
                                margin: 40px 0 ; 
                            }
                            .pagination { 
                                display: flex; 
                                justify-content: center; 
                                align-items: center;
                            }
                            .pagination li:first-child{
                                border: 0px ;
                                background:#232323;
                            }
                            .pagination li:first-child a{
                                color: #ffffff;
                            }
                            .pagination li { 
                                border: 1px solid #ccc;
                                margin: 0 5px; 
                                line-height: 40px;
                            }
                            .pagination li a{ 
                            padding: 10px 15px;
                            line-height: 4px;
                            }
                            .pagination li:hover{ 
                                background:#232323;
                            }
                            .pagination li a:hover{ 
                                color: #ffffff;
                            }
                            }
                            @media(max-width:586px){
                                .pagination li:first-child {  
                                    display: none;  
                                }
                                li{ 
                                    list-style: none;
                                }
                                .pages .active{
                                    border: 0px ;
                                    background:#232323;
                                }
                                .pages .active a{
                                    color: #ffffff;
                                }
                                .pages {
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    margin: 40px 0 ; 
                                }
                                .pagination { 
                                    padding-left:0px ;
                                    display: flex; 
                                    justify-content: center; 
                                    align-items: center;
                                }
                                .pagination li:first-child{
                                    border: 0px ;
                                    background:#232323;
                                }
                                .pagination li:first-child a{
                                    color: #ffffff;
                                }
                                .pagination li { 
                                    border: 1px solid #ccc;
                                    margin: 0 5px; 
                                    line-height: 40px;
                                }
                                .pagination li a{ 
                                padding: 10px 15px;
                                line-height: 4px;
                                }
                                .pagination li:hover{ 
                                    background:#232323;
                                }
                                .pagination li a:hover{ 
                                    color: #ffffff;
                                }
                            }
                        </style>
                    </div>
                </section>
            </div>
        </section>
        {template footer.html}
    </div>
    {template nav_contact.html}
    {template nav_search.html}
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/jquery-3.7.0.min.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/wow.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/swiper.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/zoom.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/scrollsidebar.js"></script>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/common.js"></script>
</body>

</html>